<template>
	<view class="message">
		<view class="message-item">
			<view class="message-tag">
				项目编号：
			</view>
			<view class="message-value">
				{{message.projectNo || '无'}}
			</view>
		</view>
		<view class="message-item">
			<view class="message-tag">
				项目名称：
			</view>
			<view class="message-value">
				{{message.name || '无'}}
			</view>
		</view>
		<view class="message-item">
			<view class="message-tag">
				项目类型：
			</view>
			<view class="message-value">
				{{message.typeText}}
			</view>
		</view>
		<view class="message-item">
			<view class="message-tag">
				项目等级：
			</view>
			<view class="message-value">
				{{message.levelText}}
			</view>
		</view>
		<view class="message-item">
			<view class="message-tag">
				项目描述：
			</view>
			<view class="message-value">
				{{message.description || '无'}}
			</view>
		</view>
		<view class="message-item">
			<view class="message-tag">
				备注：
			</view>
			<view class="message-value">
				{{message.remark || '无'}}
			</view>
		</view>
		<view class="message-item">
			<view class="message-tag">
				创建人：
			</view>
			<view class="message-value">
				{{message.ownerUserName || ''}}
			</view>
		</view>
		<view class="message-item">
			<view class="message-tag">
				创建时间：
			</view>
			<view class="message-value">
				{{createTime}}
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			message:{
				type: Object,
				default: {}
			}
		},
		computed:{
			createTime(){
				let date = new Date(this.message.createTime);
				let time = date.toLocaleDateString().replace(/\//g,'-');
				return time;
			}
		},
	}
</script>

<style lang="scss" scoped>
	@import "@/common/style/customicons.scss";
	.message{
		// width: 100%;
		padding: 28rpx;
		.message-item{
			@include flex-r-wrap;
			// padding: 20rpx 0;
			line-height: 68rpx;
			font-size: 28rpx;
			&:last-child{
				padding-bottom: 0;
			}
			.message-tag{
				color: #9A9A9A;
			}
			.message-value{
				color: #101010;
			}
		}
	}
</style>